.carousel-warp {
	width: 100%;
	background-color: #fff;
	padding-bottom: 6px;
}

/* 这是轮播中间的外包div */
.carousel {
	margin: 0 auto;
	width: 1226px;
	height: 460px;
	/* background-color: #0077AA; */
	position: relative;
	
}

.img-item {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	/*透明度设置0-1*/
	transition: all .3s;
	/*添加过渡*/
}

.active {
	opacity: 1;
	z-index: 2;
}

.img-item img {
	/* 后代选择器 */
	width: 100%;
	height: 100%;
}

.control {
	width: 40px;
	height: 68px;
	z-index: 10;
	position: absolute;
	top: 50%;
	/* margin-top: -34px; */
	transform: translateY(-50%);
	/*变换：垂直方向偏移自身高度的50%*/
	cursor: pointer;
	/*鼠标的样式*/
}

.cleft {
	left: 234px;
}

.cright {
	right: 0;
}

.control:hover {
	/* 鼠标悬停的时候样式 */
	background-color: rgba(0, 0, 0, .5);
}

.control:hover .iconstyle {
	color: #FFFFFF;
}

.iconstyle {
	color: #CCCCCC;
	font-size: 30px;
	line-height: 68px;
	padding-left: 7px;
}

/* 轮播指示器 */
.pointer {/*指示器外包元素*/
	width: 90px;
	position: absolute;/*绝对定位*/
	right: 25px;/*绝对定位距右基准的位置*/
	bottom: 25px;/*绝对定位距下基准的位置*/
	z-index: 100;/*提高堆叠层级*/
}

.pointer .pointer-item {
	margin-right: 8px;
	width: 6px;
	height: 6px;
	border: 2px solid rgba(255,255,255,.3);
	float: left;
	background-color: rgba(0,0,0,.4);
	border-radius: 50%;/*设置边框圆角*/
	cursor: pointer;/*鼠标指针变小手*/
}
.pointer .pointer-item:hover {/*鼠标浮动*/
	background-color: rgba(255,255,255,.3);
	border: 2px solid rgba(255,255,255,.2);
}
.pointer .point-active {/*激活状态*/
	background-color: rgba(255,255,255,.3);
	border: 2px solid rgba(255,255,255,.2);
}
.category-list {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	width: 234px;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	padding: 20px 0;
	box-sizing: border-box;
	
}
.category-list .category-item {
	padding: 0 28px;
	height: 42px;
	line-height: 42px;
}
.category-list .category-item a {
	color: #fff;
}
.category-list .category-item:hover {
	background-color: #FF6700;
	color: #fff;
}
.category-item .category-icon {
	font-size: 8px;
	font-weight: 600;
	float: right;
}